<!DOCTYPE html>
<html lang="ch-CN">
<head>
    <meta charset="UTF-8">
    <title>常用的长度单位属性</title>
</head>
<style>
    div:nth-of-type(1){
        background-color: skyblue;
        width: 400px;
        height: 400px;
    }
    div>p:nth-of-type(1){
        background-color: pink;
        /*宽度和高度如果没有写确定的数值，可以写上百分比，这个百分比表示继承父元素的百分之多少*/
        width: 50%;
        height: 40%;
    }
</style>
<body>
    <div>123456
        <p>654321</p>
    </div>
</body>
</html>